<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>果然FruitC</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
		<link href="${ctx}/shop/css/amazeui.min.css" rel="stylesheet" type="text/css" />
		<link href="${ctx}/shop/css/style.css" rel="stylesheet" type="text/css" />
		<style>
		.order-style li{
			width:20%;
		}
		.needpay,.shouhuo,.pingjia,.fahuo{
			display:none;
		}
		</style>
	</head>
	<body>
		<header data-am-widget="header" class="am-header am-header-default sq-head ">
			<div class="am-header-left am-header-nav">
				<a href="${ctx }/person" class="">
					<i class="am-icon-chevron-left"></i>
				</a>
			</div>
			<h1 class="am-header-title">
  	            <a class="">全部订单</a>
            </h1>
	    </header>
	    <div style="height: 49px;"></div>
	    <ul class="order-style">
	    	<li onclick="go(this)" id="all" class="current"><a>全部</a></li>
	    	<li onclick="go(this)" id="needpay"><a>待付款</a></li>
	    	<li onclick="go(this)" id="fahuo"><a>待发货</a></li>
	    	<li onclick="go(this)" id="shouhuo"><a>待收货</a></li>
	    	<li onclick="go(this)" id="pingjia"><a>待评价</a></li>

	    </ul>
	    <!--代付款-->
   		  <div class="all">
			
		  </div>
		  <div class="needpay">
		  
		  </div>
		  <div class="fahuo">
		  	 	
		  </div>
		  <div class="shouhuo">
		  	 	
		  </div>
		  <div class="pingjia">
		  	
		  </div>
		  <!--底部-->
 
	</body>
	<script src="${ctx}/shop/js/jquery-1.10.2.min.js"></script>
	<script src="${ctx}/shop/js/util.js"></script>
	<script>
		var ctx = "${ctx}";
		function go(dom){
			var $dom = $(dom);
			if($dom.hasClass("current")){
				return;
			}
			$(".order-style .current").prop("")
			var currentDom = $(".order-style .current");
			var currentid = currentDom.attr("id");
			currentDom.removeClass("current");
			$dom.addClass("current");
			var targetId = dom.id;
			$("."+currentid).hide();
			$("."+targetId).show();
		}
	</script>
	<script src="${ctx}/shop/js/order.js"></script>
	<%@include file="../common/jsticket.jsp"%><!--静态包含-->  
</html>
